<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
	<title>Document</title>
	<style type="text/css">
     img{float: left;}
     p{float: left;}
	</style>
	<script type="text/javascript">
	  function toDou(n){
	  	if(n<10){
	  		return '0'+n;
	  	}else{
	  		return ''+n;
	  	}
	  }
		window.onload=function (){
		var aImg=document.getElementsByTagName('img');
			function tick(){
				var oDate=new Date();
			    var str=toDou(oDate.getFullYear())+toDou(oDate.getMonth()+1)+toDou(oDate.getDate())+toDou(oDate.getHours())+toDou(oDate.getMinutes())+toDou(oDate.getSeconds());
			// alert(str);
			for(var i=0;i<aImg.length;i++){
				// aImg[i].src='img/'+str[i]+'.jpg';
			 aImg[i].src='img/'+str.charAt(i)+'.jpg';
			}
		}
			setInterval(tick,1000);
			tick();
		}

     
	</script>
</head>
<body>
    <img src="img/0.jpg">
    <img src="img/0.jpg">
    <img src="img/0.jpg">
   <img src="img/0.jpg">

    <img src="img/0.jpg">
    <img src="img/0.jpg">

    <img src="img/0.jpg">
    <img src="img/0.jpg">
    <div style="width:1200px;height:200px;"></div>
   
   	<img src="img/0.jpg">
   	<img src="img/1.jpg">
   <p style="font-size:150px;height:80px;margin-top:-10px;">:</p>
   	<img src="img/0.jpg">
   	<img src="img/0.jpg">
    <p style="font-size:150px;height:80px;margin-top:-10px;">:</p>
   <img src="img/0.jpg">
   <img src="img/0.jpg">
</body>
</html>